import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: "/",
    redirect: "/home/timeline"
  },
  {
    path: "/home",
    // name:"Home",
    component: () => import("@/views/app-home.vue"),
    children: [
      {
        path: "/",
        component: () => import("@/pages/app-topping.vue")
      },
      {
        path: "topping",
        name:"Topping",
        component: () => import("@/pages/app-topping.vue")
      },
      {
        path: "user",
        component: () => import("@/pages/app-user.vue")
      },
      {
        path: "timeline",
        component: () => import("@/pages/app-timeline.vue"),
        children: [
          {
            path: "/",
            redirect: "/home/timeline/linehome"
          },
          {
            path: "linehome",
            component: () => import("@/pages/app-linehome.vue")
          },
          {
            path: "leibie",
            component: () => import("@/pages/app-leibie.vue")
          },
        ]
      },
      {
        path: "lookbroad",
        name:"lookboard",
        component: () => import("@/pages/app-lookbroad.vue"),
        children: [
          {
            path: "/",
            redirect: "/home/lookbroad/lookhome"
          },
          {
            path: "lookhome",
            component: () => import("@/pages/app-lookhome.vue")
          },
          {
            path: "looksixiangxian",
            component: () => import("@/pages/app-looksixiangxian.vue")
          },
        ]
      }
    ]
  },
  {
    path: "/footer",
    name: "Footer",
    component: () => import("@/components/app-footer.vue")
  },
  {
    path: "/appline",
    name: "Appline",
    component: () => import("@/components/app-line.vue")
  },
  {
    path: "/look",
    component: () => import("@/components/app-look.vue")
  },
  {
    path: "/tomato",
    name: "Tomato",
    component: () => import("@/pages/app-tomato.vue")
  },
  {
    path: "/totaltime",
    name: "Totaltime",
    component: () => import("@/pages/app-totaltime.vue")
  },
  // 小功能点路由
  {
    path: "/bianqian",
    name: "Bianqian",
    component: () => import("@/interface/web-bianqian.vue")
  },
  {
    path:"/img",
    name:"Img",
    component: ()=> import("@/interface/web-img.vue")
  },
  {
    path:"/return",
    name:"return",
    component: ()=> import("@/components/app-return.vue")
  },
  {
    path:"/qingdan",
    name:"qingdan",
    component: ()=> import("@/interface/web-qingdan.vue")
  },
  {
    path:"/address",
    name:"address",
    component: ()=> import("@/interface/web-address.vue")
  },
  {
    path:"/webbank",
    name:"webbank",
    component: ()=> import("@/interface/web-bank.vue")
  },
]

const router = new VueRouter({

  routes
})


export default router
